<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Media Star - Responsive Html5 Portfolio Template</title>
    <meta name="description" content="Media Star - Responsive Html5 Portfolio Template" />
    <meta name="author" content="Felixplus - www.felixplus.com" />
    <meta name="keywords" content="wordpress, themes, wordpress themes, premium wordpress themes, premium themes, wordpress theme shop, free themes, drupal themes, wordpress templates" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />		
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/quick-sand.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
    <link rel="stylesheet" href="style.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
    <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" type="text/css" media="all" /><![endif]-->
	<!--[if IE 8]><link rel="stylesheet" href="css/ie8.css" type="text/css" media="all" /><![endif]-->
	<!--[if IE]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="all" />
	<![endif]-->
    <!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.infinitescroll.min.js"></script>
    <script type="text/javascript" src="js/jquery.form.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="js/sequence.jquery-min.js"></script>
    <script type="text/javascript" src="js/jquery.vegas.js"></script>
	<script type="text/javascript" src="js/jquery.tubular.1.0.js"></script>
    <script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
    <script type="text/javascript" src="js/jflickrfeed.min.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
	<script type="text/javascript" src="js/customSelect.jquery.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>

    <!-- Font
	================================================== -->
    <link href='http://fonts.googleapis.com/css?family=Coda' rel='stylesheet' type='text/css'>   

</head>
<body class="sub right-sidebar-page fixed-width">
    <div class="wrapper clearfix">
        <div id="sidebar">
        	<div id="logo-image">
            	<a href="index.html"><img src="placeholders/logo.png" alt="" /></a>
            </div>
            <nav id="main-nav">
            	<ul id="main-menu">
                	<li class="menu-home menu-parent"><a href="index.html"><span>Home</span></a></li>
                    <li class="menu-portfolio menu-parent"><a href="portfolio.html"><span>Portfolio</span></a></li>
                    <li class="menu-blog menu-parent">
                    	<a href="#"><span>Blog</span></a>
                        <ul>
                        	<li><a href="blog-v1.html">Blog isotope style 1</a></li>
                            <li><a href="blog-v2.html">Blog isotope style 2</a></li>
                            <li><a href="blog-v3.html">Blog timeline style</a></li>
                            <li><a href="blog-v4.html">Blog classic style</a></li>
                        </ul>
                    </li>
                    <li class="menu-bg menu-parent">
                    	<a href="#"><span>Background</span></a>
                        <ul>
                        	<li><a href="bg-slide.html">Image slide</a></li>
                            <li><a href="bg-video.html">Video slide</a></li>
                        </ul>
                    </li>
                    <li class="current-menu-item menu-feature menu-parent">
                    	<a href="#"><span>Features</span></a>
                        <ul>
                        	<li><a href="about.html">About</a></li>
                            <li><a href="single.html">Single</a></li>
                            <li><a href="bg-slide-content.html">Single with bg slide</a></li>
                            <li><a href="right-sidebar-full.html">Right sidebar full width</a></li>
                            <li><a href="right-sidebar-fixed.html">Right sidebar fixed width</a></li>
							<li><a href="left-sidebar.html">Left sidebar</a></li>
                            <li><a href="elements.html">Elements</a></li>
                            <li><a href="404.html">404 error</a></li>
                        </ul>
                    </li>
                    <li class="menu-colors menu-parent">
                    	<a href="#"><span>Color styles</span></a>
                        <ul>
                            <li><a href="http://felixplus.com/demo/mediastar/html/skins/facebook/index.html">Facebook</a></li>
                            <li><a href="http://felixplus.com/demo/mediastar/html/skins/dark/index.html">Dark</a></li>
                        </ul>
                    </li>
                    <li class="menu-purchase menu-parent"><a href="http://themeforest.net/item/mediastar-responsive-html5-portfolio-template/3805427"><span>Purchase</span></a></li>
<li class="menu-contact menu-parent"><a href="contact.html"><span>Contact</span></a></li>
                </ul><!--end:main-menu-->
            </nav><!--end:main-nav-->
            <aside class="twitter-widget">
            	<img src="images/icons/tweet-icon.png" alt="" />
                <div class='twitter_outer'>
                    <input type='hidden' class='tweet_id' value='envato'>
                    <input type='hidden' class='tweet_count' value='1'>
                    <div class='twitter_inner'></div>
                </div>
            </aside><!--end:widget-->
            <div id="bottom-sidebar">
            	<ul class="social-links clearfix">				
                    <li>
                        <a target="_blank" title="Facebook" href="https://www.facebook.com/felixplusthemes">
                            <img class="bottom" src="images/icons/socials/hover/facebook.png" alt="" />
  							<img class="top" src="images/icons/socials/default/facebook.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Twitter" href="https://twitter.com/Felixplusthemes">
                            <img class="bottom" src="images/icons/socials/hover/twitter.png" alt="" />
  							<img class="top" src="images/icons/socials/default/twitter.png" alt="" />                        
                        </a>
                    </li>                    
                    <li>
                        <a target="_blank" title="Behance" href="http://www.behance.net/felixplus">
                            <img class="bottom" src="images/icons/socials/hover/behance.png" alt="" />
  							<img class="top" src="images/icons/socials/default/behance.png" alt="" />                        
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Flickr" href="http://www.flickr.com/photos/felixthemes/">
                            <img class="bottom" src="images/icons/socials/hover/flickr.png" alt="" />
  							<img class="top" src="images/icons/socials/default/flickr.png" alt="" />                       
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Evanto" href="http://themeforest.net/user/felixplus">
                            <img class="bottom" src="images/icons/socials/hover/evanto.png" alt="" />
  							<img class="top" src="images/icons/socials/default/evanto.png" alt="" />                      
                        </a>
                    </li>
                                       
                </ul><!--end:social-links-->
            </div><!--end:bottom-sidebar-->
            <p id="copyright">copyright 2013 © <a target="_blank" href="http://themeforest.net/user/felixplus">felixplus.com</a></p>
        </div><!--end:sidebar-->
        <div id="left-panel">&raquo;</div>
        <div id="main-content">
        	<div id="mobile-logo-image">
            	<a href="index.html"><img src="placeholders/logo-mobile.png" alt="" /></a>
            </div><!--end:mobile-logo-image-->
			<div id="main-content-inner" class="clearfix">
                <div class="white-box">
                    <section class="entry-box">
                        <header class="entry-header clearfix">
                            <div class="entry-header-right">
                                <h6 class="entry-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h6>
                                <span class="entry-meta">Posted by:&nbsp;</span>
                                <a class="entry-author" href="#">Administrator</a>
                                <span class="entry-meta">&nbsp;in&nbsp;</span>
                                <a class="entry-categories" href="#">Tutorials</a>
                                <div class="meta-content clearfix">
                                    <span class="entry-date">24th Oct 2012</span>
                                    <div class="meta-data">
                                        <span class="entry-comments">224</span>
                                        <span class="entry-views">258</span>
                                        <span class="entry-likes">81</span>
                                    </div><!--end:meta-data-->
                                </div><!--end:meta-content-->
                            </div><!--end:entry-header-right-->
                        </header><!--end:entry-header-->
                        <center><img class="entry-thumb" src="placeholders/528x274/528x274-2.jpg" alt="" /></center>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus. Aliquam adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus. Aliquam adipiscing</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus. Aliquam adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus. Aliquam adipiscing</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus. Aliquam adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus. Aliquam adipiscing</p>
                    </section><!--end:entry-box-->
                    <div id="comments">
                        <h3>1228 <span>Comments</span></h3>
                        <ol class="comments-list clearfix">
                            <li class="comment clearfix">
                                <article class="comment-wrap clearfix"> 
                                    <img class="responsive-img" src="placeholders/avatar/avatar-1.jpg" alt="">
                                    <div class="comment-body">
                                        <div class="comment-meta">
                                            <span class="author">JonhSmith</span>
                                            <span class="date">January 4, 2012 at 9:09 am -&nbsp;</span>
                                            <a href="#" class="comment-reply-link">Reply</a>
                                            <a href="#" class="comment-edit-link">Edit</a>                                            
                                        </div><!-- end:comment-meta -->                        
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus. Aliquam adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. </p>
                                    </div><!-- end:comment-body -->
                                </article>                                                                               
                            </li>
                            <li class="comment clearfix">
                                <article class="comment-wrap clearfix"> 
                                    <img class="responsive-img" src="placeholders/avatar/avatar-2.jpg" alt="">
                                    <div class="comment-body">
                                        <div class="comment-meta">
                                            <span class="author">Administrator</span>
                                            <span class="date">January 4, 2012 at 9:09 am -&nbsp;</span>
                                            <a href="#" class="comment-reply-link">Reply</a>
                                            <a href="#" class="comment-edit-link">Edit</a>                                            
                                        </div><!-- end:comment-meta -->                        
                                        <p>qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
                                    </div><!-- end:comment-body -->
                                </article>                                                                               
                            </li>                       
                            <ul class="children depth-1">
                                <li class="comment clearfix">
                                    <article class="comment-wrap clearfix"> 
                                        <img class="responsive-img" src="placeholders/avatar/avatar-1.jpg" alt="">
                                        <div class="comment-body">
                                            <div class="comment-meta">
                                                <span class="author">JonhSmith</span>
                                                <span class="date">January 4, 2012 at 9:09 am -&nbsp;</span>
                                                <a href="#" class="comment-reply-link">Reply</a>
                                                <a href="#" class="comment-edit-link">Edit</a>                                            
                                            </div><!-- end:comment-meta -->                        
                                            <p>qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
                                        </div><!-- end:comment-body -->
                                    </article>                                                                               
                                </li>
                            </ul><!--end:children-->                            
                            <li class="comment clearfix">
                                <article class="comment-wrap clearfix"> 
                                    <img class="responsive-img" src="placeholders/avatar/avatar-3.jpg" alt="">
                                    <div class="comment-body">
                                        <div class="comment-meta">
                                            <span class="author">Jonathan biber</span>
                                            <span class="date">January 4, 2012 at 9:09 am -&nbsp;</span>
                                            <a href="#" class="comment-reply-link">Reply</a>
                                            <a href="#" class="comment-edit-link">Edit</a>                                            
                                        </div><!-- end:comment-meta -->                        
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus. Aliquam adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. </p>
                                    </div><!-- end:comment-body -->
                                </article>                                                                               
                            </li>
                        </ol><!--end:comments-list-->
                        <div class="clear"></div>
                    </div><!--end:comments-->
                    <div id="respond">
                        <h3>Add a new comment</h3>               
                        <form id="comments-form" class="clearfix" action="http://felixplus.com/demo/mediastar/html/skins/light/processForm.php" method="post">                
                            <p class="input-block clearfix">
                                <label class="required" for="comment_name">Name</label>
                                <input class="valid" type="text" name="name" id="comment_name" value="">
                            </p>
                            <p class="input-block clearfix">
                                <label class="required" for="comment_email">Email</label>
                                <input type="email" class="valid" name="email" id="comment_email" value="">
                            </p>
                            <p class="textarea-block clearfix">                        
                                <label class="required" for="comment_message">Content</label>
                                <textarea rows="6" cols="88" id="comment_message" name="message"></textarea>
                            </p>
                            <p class="comment-button clearfix">                    
                                <span class="clearfix"><span class="submit-comment-icon"></span><input type="submit" id="submit-comment" value="Comment"></span>
                            </p>                        
                        </form>
                        <div id="response"></div>
                    </div><!--end:respond-->
                </div><!--end:white-box-->
            </div><!--end:main-content-inner-->
        </div><!--end:main-content-->
        <div class="clear"></div>
    </div><!--end:wrapper-->
	
	<style type="text/css"> 
		#cssawards {
			position:fixed; 
			bottom:0px; right:0px;
            z-index:9999; 
		} 
		#cssawards a {
        	width:140px; 
			height:140px;
            text-indent:-8000px; 
			display:block;
            background:url(cssa-brand.png) no-repeat; 
		} 
    </style> 
    
    <div id="cssawards">
    	<a class="moz-txt-link-rfc2396E" href="http://cssa.ws/146223v" target="_blank">http://www.cssawards.net/yoursiteurl</a>
	</div>
	
</body>
</html>